<!DOCTYPE html>
<html>
<head>
  <meta charset='UTF-8'>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />

  <title>Pure</title>
  <link rel="stylesheet" type="text/css" href="pure/css/pure.css">
  <link rel="stylesheet" type="text/css" href="pure/css/animate.css">
  <script data-main="pure/src/pure-require" src="pure/lib/require/require.js"></script>
</head>
<body pure-root pure-nav pure-nav-type='stack'>
  <!-- <div pure-content pure-main='module/a'></div> -->
  <div pure-content>
    <div pure-nav pure-nav-type='tabbar'>
      <div pure-content pure-main='module/a'></div>
      <nav pure-nav-bar>
        <li><a href="#module/a">ModuleA</a></li>
        <li><a href="#module/b">ModuleB</a></li>
        <li><a href="#module/c">ModuleC</a></li>
      </nav>
    </div> 
  </div>
  <!-- <div pure-nav pure-nav-type='stack'>
    <div pure-content></div>
  </div> -->
  <!-- <nav pure-nav-bar>
    <li><a href="#module/a">ModuleA</a></li>
    <li><a href="#module/b">ModuleB</a></li>
    <li><a href="#module/c">ModuleC</a></li>
  </nav>  -->
</body>
</html>